<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../../css/v4/common/base.css" type="text/css" rel="stylesheet" />
<link href="../../css/v4/common/hf.css" type="text/css" rel="stylesheet" />
<link href="../../css/v4/detail.css" type="text/css" rel="stylesheet" />
<script src="../../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../../js/v3/jquery.com.js" type="text/javascript"></script>
<script src="../../js/v3/jquery.masonry.min.js" type="text/javascript"></script>
<!--[if ie 6]><script src="../../js/v4/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie]><link href="../../css/v4/common/IE.css" type="text/css" rel="stylesheet"><![endif]-->
</head>

<body>
	<!-- head -->
    <div class="head_wrap" id="head">
    	<div class="head clearfix">
        <div class="fr rbox">
        		<div class="relative_ope" style="display:none;">
                	<a href="#" class="ope"><img src="../../images/v4/other/avater_30x30.png" class="avater block"  /><span class=" index_bg tip"></span><span class=" index_bg triangle"></span></a>
                    <a href="#" class="index_bg mail">mail</a>
                </div>
                <div class="relative_ope">
                	<a href="#" class="lr login" id="loginSort">登录</a>
                    <a href="#" class="lr reg">注册</a>
                    <div class="ls_box" id="lsBox">
                    	<a href="#"><img src="../../images/v4/other/icon_tt.gif" />微博登录</a>
                        <a href="#"><img src="../../images/v4/other/icon_xl.gif" />微博登录</a>
                        <a href="#"><img src="../../images/v4/other/icon_qq.gif" />QQ登录</a>
                        <span class="up_arrow">arrow</span>
                    </div>
                </div>
            	<div class="index_bg search_box">
            		<input type="text" class="text" />
                    <input type="button" class="button" />
            	</div>
            </div>
        	<a href="#" class="logo fl"><img src="../../images/v4/common/logo.png" class="block" /></a>
            
            
            <ul class="menu clearfix">
            	<li>
                	<a href="#" class="main">首页</a>
                    <div class="drop_menu w200">
                        <div class="clearfix">
                            <a href="#" >热门 </a>
                            <a href="#">达人</a>
                            <a href="#">最新</a>
                            <a href="#">达人</a>
                        </div>
                        <span class="up_arrow">arrow</span>
                    </div>
                </li>
                <li>
                	<a href="#" class="main">发现</a>
                    <a href="#" class="current main child">折扣</a>
                    <a href="#" class="main child">男孩</a>
                    <a href="#" class="main child">女孩</a>
                    <a href="#" class="main child">孕妈妈</a>
                </li>
                <li>
                	<a href="#" class="main">专辑</a>
                    <a href="#" class="main child">试用</a>
                    <a href="#" class="main child">好店</a>
                </li>
                <li class="last">
                    <a href="#" class="main">社区</a>
                    <a href="#" class="main">活动</a>
                </li>
            </ul>
            
        </div>
    </div>
    <!-- head--end-->
    
    <!-- body -->
    
    <div class="w100p pt20 pb35">
    	<div class="w980 mg hb_show">
        	
            <!-- huabao-title -->
            <div class="nav_tit_top">
            	<div class="nav_s1">
                	<a href="#">社区</a>&nbsp;/&nbsp;<a href="#">活动</a>&nbsp;/&nbsp;<a href="#">韩风淘淘的画报</a>
                </div>
            </div>
            <!-- huabao-title--end-->
        	
            <div class="hb_items_show clearfix">
            
            	<div class="item_box box_s1" >
                    <div class="shadow"></div>
                    <div class="pro_box hb_pic_3">
                        <div class="love_comment_ope">
                            <a href="#" class="icon_bg">喜欢</a><a href="#" class="icon_bg comment">评论</a>
                        </div>
                        <a href="#" class="pic block"><img src="../../images/v4/other/pro_200x301.png" width="200" height="301" class=" block"></a>
                        <div class="hb_three_box">
                        	<a href="#" class="fl"><img src="../../images/v4/other/pro_200x301.png" width="100" height="75" class="block" /></a>
                            <a href="#" class="fl"><img src="../../images/v4/other/pro_200x301.png" width="100" height="75" class="block" /></a>
                        </div>
                    </div>
                    <div class="hb_pro_t">
                    	 <a href="#" class="title">6月新款 美国代购正品free people限量</a>
                    </div>
                    
                    <div class="hb_pro_info">
                    	<ul class="lay_lr_box">
                        	<li>
                            	<div class="l_box">
                                	<a href="#"><img src="../../images/v4/other/avater_28x28.png" class=" avater block" /></a>
                                </div>
                                <div class="r_box">
                                	<p class="name">
                                    	<a href="#">寒风滔滔</a>
                                    </p>
                                    <div class="hb_rel_nums">
                                    	<span>围观(<i>1071</i>)</span>
                                        <span>评论(<i>2</i>)</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
            	</div>
                
                <div class="item_box" style="width:228px; height:100px;"></div>
                
                
                <div class=" item_box box_s1" >
                    <div class="shadow"></div>
                    <div class="pro_box hb_pic_3">
                        <div class="love_comment_ope">
                            <a href="#" class="icon_bg">喜欢</a><a href="#" class="icon_bg comment">评论</a>
                        </div>
                        <a href="#" class="pic block"><img src="../../images/v4/other/pro_200x301.png" width="200" height="301" class=" block"></a>
                        <div class="hb_two_box">
                        	<a href="#" class="fl"><img src="../../images/v4/other/pro_200x301.png" width="200" height="301" class="block" /></a>
                        </div>
                    </div>
                    <div class="hb_pro_t">
                    	 <a href="#" class="title">6月新款 美国代购正品free people限量</a>
                    </div>
                    
                    <div class="hb_pro_info">
                    	<ul class="lay_lr_box">
                        	<li>
                            	<div class="l_box">
                                	<a href="#"><img src="../../images/v4/other/avater_28x28.png" class=" avater block" /></a>
                                </div>
                                <div class="r_box">
                                	<p class="name">
                                    	<a href="#">寒风滔滔</a>
                                    </p>
                                    <div class="hb_rel_nums">
                                    	<span>围观(<i>1071</i>)</span>
                                        <span>评论(<i>2</i>)</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
            	</div>
                
                
                <div class="item_box box_s1" >
                    <div class="shadow"></div>
                    <div class="pro_box hb_pic_3">
                        <div class="love_comment_ope">
                            <a href="#" class="icon_bg">喜欢</a><a href="#" class="icon_bg comment">评论</a>
                        </div>
                        <a href="#" class="pic block"><img src="../../images/v4/other/pro_200x301.png" width="200" height="301" class=" block"></a>
                    </div>
                    <div class="hb_pro_t">
                    	 <a href="#" class="title">6月新款 美国代购正品free people限量</a>
                    </div>
                    
                    <div class="hb_pro_info">
                    	<ul class="lay_lr_box">
                        	<li>
                            	<div class="l_box">
                                	<a href="#"><img src="../../images/v4/other/avater_28x28.png" class=" avater block" /></a>
                                </div>
                                <div class="r_box">
                                	<p class="name">
                                    	<a href="#">寒风滔滔</a>
                                    </p>
                                    <div class="hb_rel_nums">
                                    	<span>围观(<i>1071</i>)</span>
                                        <span>评论(<i>2</i>)</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
            	</div>
                
                
                <div class="item_box box_s1" >
                    <div class="shadow"></div>
                    <div class="hb_pd_s3">
                    	<div class="hb_slider">
                    		<h3 class="title">主题</h3>
                            <p class="info">活动参与时间活动参与动参与时间活动参与动参与时间活动参与</p>
                            <a href="#" class="def_btn_s10">上传图片</a>
                            <dl class="com_dl join_zt">
                            	<dt>加入主题的作者</dt>
                                <dd class="lay_lr_box">
                                	<a href="#" class="l_box"><img src="../../images/v4/other/avater_28x28.png" class="block" /></a>
                                    <div class="r_box clearfix">
                                    	<span class="else_info">秋款上架</span><a href="#" class="name">宝格格blog</a>
                                    </div>
                                </dd>
                                <dd class="lay_lr_box">
                                	<a href="#" class="l_box"><img src="../../images/v4/other/avater_28x28.png" class="block" /></a>
                                    <div class="r_box clearfix">
                                    	<span class="else_info">秋款上架</span><a href="#" class="name">宝格格blog</a>
                                    </div>
                                </dd>
                                <dd class="lay_lr_box">
                                	<a href="#" class="l_box"><img src="../../images/v4/other/avater_28x28.png" class="block" /></a>
                                    <div class="r_box clearfix">
                                    	<span class="else_info">秋款上架</span><a href="#" class="name">宝格格blog</a>
                                    </div>
                                </dd>
                                <dd class="lay_lr_box">
                                	<a href="#" class="l_box"><img src="../../images/v4/other/avater_28x28.png" class="block" /></a>
                                    <div class="r_box clearfix">
                                    	<span class="else_info">秋款上架</span><a href="#" class="name">宝格格blog</a>
                                    </div>
                                </dd>
                                <dd class="lay_lr_box">
                                	<a href="#" class="l_box"><img src="../../images/v4/other/avater_28x28.png" class="block" /></a>
                                    <div class="r_box clearfix">
                                    	<span class="else_info">秋款上架</span><a href="#" class="name">宝格格blog</a>
                                    </div>
                                </dd>
                                <dd class="lay_lr_box">
                                	<a href="#" class="l_box"><img src="../../images/v4/other/avater_28x28.png" class="block" /></a>
                                    <div class="r_box clearfix">
                                    	<span class="else_info">秋款上架</span><a href="#" class="name">宝格格blog</a>
                                    </div>
                                </dd>
                                <dd class="lay_lr_box">
                                	<a href="#" class="l_box"><img src="../../images/v4/other/avater_28x28.png" class="block" /></a>
                                    <div class="r_box clearfix">
                                    	<span class="else_info">秋款上架</span><a href="#" class="name">宝格格blog</a>
                                    </div>
                                </dd>
                                <dd class="lay_lr_box">
                                	<a href="#" class="l_box"><img src="../../images/v4/other/avater_28x28.png" class="block" /></a>
                                    <div class="r_box clearfix">
                                    	<span class="else_info">秋款上架</span><a href="#" class="name">宝格格blog</a>
                                    </div>
                                </dd>
                                <dd class="lay_lr_box">
                                	<a href="#" class="l_box"><img src="../../images/v4/other/avater_28x28.png" class="block" /></a>
                                    <div class="r_box clearfix">
                                    	<span class="else_info">秋款上架</span><a href="#" class="name">宝格格blog</a>
                                    </div>
                                </dd>
                                <dd class="lay_lr_box">
                                	<a href="#" class="l_box"><img src="../../images/v4/other/avater_28x28.png" class="block" /></a>
                                    <div class="r_box clearfix">
                                    	<span class="else_info">秋款上架</span><a href="#" class="name">宝格格blog</a>
                                    </div>
                                </dd>
                            </dl>
                    	</div>
                    </div>
                    
            	</div>
                
                
                
                
                
            </div>
        	     
            
        </div>
    </div>
    
    <!-- body--end-->
    
     <!-- fanye -->
    <div class="fy_wrap">
        <ul class="fanye">
            <li>1</li>
            <li class="current">2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>....</li>
            <li>20</li>
            <li>下一页</li>
        </ul>
    </div>
    <!-- fanye--end-->
    
    <script type="text/javascript">
    	$(function(){
			$("div.hb_items_show").masonry({
				itemSelector:'.item_box',
				columnWidth:244,
				isAnimated:false
			});
		});
    </script>
</body>
</html>
